<div id="guide" class="guide">
    <i id="guideOverlay" class="guide-overlay" role="button" title="已收起"></i>
    <div class="guide-content">
        <nav class="guide-nav">
            <a href="/" class="guide-nav-a">
                <i class="icon icon-home"></i>
                <h4 class="guide-nav-h">首页</h4>
            </a>
            <a href="/category/male" class="guide-nav-a">
                <i class="icon icon-sort"></i>
                <h4 class="guide-nav-h">分类</h4>
            </a>
            <a href="/rank/male" class="guide-nav-a">
                <i class="icon icon-rank"></i>
                <h4 class="guide-nav-h">排行榜</h4>
            </a>
            <a href="/free/male" class="guide-nav-a">
                <i class="icon icon-free"></i>
                <h4 class="guide-nav-h">免费</h4>
            </a>
            <a href="/finish/male" class="guide-nav-a">
                <i class="icon icon-end"></i>
                <h4 class="guide-nav-h">完本</h4>
            </a>
            <a href="/user" class="guide-nav-a jsLogin">
                <i class="icon icon-account"></i>
                <h4 class="guide-nav-h">账户</h4>
            </a>
        </nav>
        <div class="guide-footer">
            <a href="/bookshelf/my" class="btn-primary" data-size="14">我的书架</a>
        </div>
    </div>
</div>
<script>
    //菜单下拉
    _$("#openGuide").on("click",function(){
        var key=_$(this).attr('data-key');
        if(key==1){
            _$(this).attr('data-key','0').addClass('icon-x');
            _$("#guide").animate({'height':'100%'},300);
        }else{
            _$(this).attr('data-key','1').removeClass('icon-x');
            _$("#guide").animate({'height':'0'},300);
        }
    });
</script>